To set the background color of an HTML element, you can use the style attribute and set the background-color property. The style attribute is used to specify an inline style for an HTML element. It is placed inside the element’s opening tag, and consists of a series of CSS property-value pairs.

Here’s an example of using the style attribute to set the background color of a div element to red:

The background-color property is used to specify the background color of an element. In this case, we set the value of the property to red, which is a predefined CSS color name.

You can also use a hex code to specify the color. A hex code is a six-digit code that represents a specific color. It starts with a # symbol, followed by three pairs of hexadecimal digits, each representing the intensity of the red, green, and blue (RGB) components of the color. For example, the hex code #ff0000 represents the color red. Here’s an example of using a hex code to set the background color of a div element to red:

If you want to set the background color for multiple elements, you can use a CSS class and apply the class to the elements. A CSS class is a group of CSS rules that can be applied to multiple elements on a web page. To create a CSS class, you can use a style element in the head of the HTML document, or you can link to an external style sheet.

Here’s an example of creating a CSS class that sets the background color to red, and applying the class to two div elements:

This element has a red backgroundThis element also has a red background

You can also use inline styles to set the background color for specific elements. Inline styles are styles that are applied directly to an HTML element using the style attribute. They are useful when you want to apply a unique style to a single element, rather than a group of elements.

Here’s an example of using an inline style to set the background color of a p element to yellow: